$(function () {
  mui('.mui-scroll-wrapper').scroll({
    deceleration: 0.0005
  }); //这个是轮播图， 插件做的

  $.ajax({
    type: 'get',
    url: '/category/queryTopCategory',
    success: function (result) {
      // 将数据和html做拼接
      // 1) html模板
      // 2) 数据
      console.log(result);

      $("#links").html(template('category-first', {
        data: result.rows,
      }));

      if (result.rows.length) {
        $("#links").find("a").eq(0).addClass('active');
        var id = result.rows[0].id;
        getSecondCategory(id);
      }
    }
  });
  /* 点击一级分类获取二级分类的数据
  1.一级分类添加点击事件
  2.在事件处理函数中获取一级分类id
  3.调用二级分类的接口获取数据
  4.将数据展示到相应位置
  5.如果接口中没有数据, 在页面上显示暂无数据

  */
  $('#links').on('click', 'a', function () {
    /* 获取当前点击的一级分类的id */
    var id = $(this).attr("data-id");
    $(this).addClass('active').siblings().removeClass('active');
    getSecondCategory(id);
  });
});


function getSecondCategory(id) {
  $.ajax({
    url: '/category/querySecondCategory',
    type: 'get',
    data: {
      id: id
    },
    success: function (result) {
      $('.brand-list').html(template('category-second', result));
    }
  })

}